Sizes
Colors and Uses
(none)
-
success
green, success, complete, done, finished
-
caution
yellow, warning, caution, incomplete
-
danger
red, danger, warning, alert, stop, not started
-
grey
grey, normal, active
-
inactive
greyed out, inactive, not available
-
noBackground
(can be used in addition to any color)
-
bold
(can be used in addition to any color)
-
white
(white on dark background)
-
darkBack
(adds white border for dark backgrounds)
Examples
| Example Code |
Result |
<img class="svg" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size24 grey" src="/images/icons/clipCheck.svg"/> |
|
<img class="svg size64 success bold" src="/images/icons/clipCheck.svg"/> |
|
System and Technical Icons
 airplane.svgairplane, send, paper, move, fly, flown, fold  barcode.svgbar code, hand scanner, data  bell.svgbell, alarm, warning, sound, danger  calendar.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  calendar2.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  calendarBlank.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  calendarExclamation.svgcalendar, day, week, month, year, schedule, time, shift, appointment, event  chartBar.svgbar chart, graph, reports, statistics, data  chartPie.svgpie chart, graph, reports, statistics, data  chartStats.svgline chart, graph, reports, statistics, data, lead  chartStatsCheck.svgcompleted lead, marketing  chartStatsExclamation.svglead error, marketing  chartStatsInfo.svglead info, marketing  chartStatsMinus.svglost lead, marketing  chartStatsMoney.svglead report, marketing, payment, pay, paid  chartStatsPause.svgon hold lead, marketing  chartStatsPlus.svgnew lead, marketing  chartStatsSync.svgreview lead, marketing  chartStatsX.svglost lead, marketing  checkbox.svgcheck list, checked, complete, done, finished, view all  circleEllipsis.svgmore, etc., medium, regular, normal, prompt, additional  circleEllipsisBlack.svgmore, etc., medium, regular, normal, prompt, additional  circleShare2.svgshare, communicate, exchange, social, link  circleShare2Black.svgshare, communicate, exchange, social, link  circleShare3.svgshare, communicate, exchange, social, link  circleShare3Black.svgshare, communicate, exchange, social, link  clipBlank.svgopen, new, create, document, diagnosis clipCheck.svgtask, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckCheck.svgcompleted task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckExclamation.svgtask error, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckInfo.svgtask info, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckMinus.svgdeleted task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckMoney.svgtask report, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckPause.svgon hold task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckPlus.svgnew task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckSync.svgreview task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipCheckX.svgremoved task, tasks, clipboard, checkup, quality, Q2 checks, guarantor, approve  clipEkg.svgEKG, chart, charting, vitals, vital signs  clipPlus.svgnew, add, create  clipResCheck.svgcompleted resident, information, chart, charting, profile, student, client  clipResExclamation.svgresident error, information, chart, charting, profile, student, client  clipResident.svgresident, information, chart, charting, profile, student, client  clipResInfo.svgresident info, information, chart, charting, profile, student, client  clipResMinus.svgdeleted resident, discharged, information, chart, charting, profile, student, client  clipResMoney.svgresident report, information, chart, charting, profile, student, client  clipResPause.svgon hold resident, loa, information, chart, charting, profile, student, client  clipResPlus.svgnew resident, information, chart, charting, profile, student, client  clipResSync.svgreview resident, information, chart, charting, profile, student, client  clipResX.svgremoved resident, information, chart, charting, profile, student, client  clock.svgtime, timed, timecard, hourly, schedule, scheduled  cloud.svgcloud, internet, upload, storage, drive  cloudDown.svgcloud, download  cloudUp.svgcloud, upload  collapse.svgcollapse, close  compass.svgcompass, site, navigate, find, look, map  data.svgdata, database, records, files  dataDown.svgdownload data, import data  dataMinus.svgsubtract data, remove data  dataPlus.svgadd data, new data  dataUp.svgupload data, export data  diagnosis.svgdiagnose, diagnosis, assessment, dx  doc.svgdocument, report, file, paper, print  docBlank.svgdocument, report, file, paper  docCertification.svgcertification, certify, document, award, point, certificate, earn, contract, notarize  docChart.svgdocument, chart, graph, presentation, slide  docCopy.svgdocument, copy, duplicate, new, edit  docHelp.svglife preserver, help, intervention, rescue  docLightning.svgaction, pain, needs, restraint, incident, complaint, document  docNurse.svgnurse, RN, CNA, DON, staff, document, nursing report  docPic.svgdocument, picture, image, photo, presentation, slide  docPills.svgprescription, medications, pills, drugs, document, report  docRight.svgdocument, move, copy, adjust, remove  docRx.svgprescription, medications, pills, drugs, pharmacy, document, report  docShare.svgshare, communicate, exchange, document  docShare2.svgshare, communicate, exchange, social, link  docShare3.svgshare, communicate, exchange, social, link  docSpeech.svgspeak, interview, discussion, talk, complaint, ask, question  docStetho.svgstethoscope, doctor, checkup, exam, vitals, vital signs, provider  docTable.svgdocument, table, spreadsheet, presentation, slide  docWalker.svgresident, transfer, mobility, exercise, walk, physical function, adl, activity, activities  envelope.svgmessage, mail, note  envelopeCopy.svgenvelope. copy, mail, email, send, receive, multiple  envelopeOpen.svgenvelope, open, read, email, mail  expand.svgexpand, open  faces.svgmood, behavior  facility.svgfacility, community, home, room, occupancy, census, vacancy, location, unit  flag.svgflagged, marked, alert, caution, needs  folder.svgfolder, reports, information, chart, file  folderBlank.svgfolder, reports, information, chart, file, record, client  folderCopy.svgcopy folder, reports, information, chart, file, record, client, duplicate  folderPlus.svgadd folder, new folder  gauge.svggauge, measure, dashboard, graph, chart, summary  gear.svgadministration, setup, tools, work, motion  gear2.svgadministration, setup, tools, work, motion  gear3.svgadministration, setup, tools, work, motion  group.svggroup, people, users, crowd  hamburgerMenu.svgmenu, navigation  help.svglife preserver, help, intervention, rescue  hospital.svghospital, ambulance, health care, patient  hourglass.svgtime, wait, pause, on hold, timer, slow  house.svghome, house, admin, headquarters  house2.svghome, house, admin, headquarters  id.svgID, identification, staff, profile  key.svgmanage, start, home, headquarters  label.svglabels, sticker, tag, avery, print  link.svghyperlink, chain, bind, lock, connection  list.svgchecklist, index, bullet  location.svglocation, map marker, find, place  lock.svglocked, restricted, security, access  lockClosed.svglocked, restricted, security, no access, permission, hidden  lockOpen.svglocked, restricted, security, access, permission, show, allow  magnify.svginspect, view, look, magnify, study  medkit.svgtreatment, medical kit, first aid, doctor's bag, tar  medkitCheck.svgcompleted treatment, medical kit, first aid, doctor's bag, tar  medkitExclamation.svgtreatment error, medical kit, first aid, doctor's bag, tar  medkitInfo.svgtreatment info, medical kit, first aid, doctor's bag, tar  medkitMinus.svgdeleted, removed treatment, medical kit, first aid, doctor's bag, tar  medkitMoney.svgtreatment report, medical kit, first aid, doctor's bag, tar, pay, payment, paid  medkitPause.svgtreatment on hold, medical kit, first aid, doctor's bag, tar  medkitPlus.svgnew, add treatment, medical kit, first aid, doctor's bag, tar  medkitSync.svgreview treatment, medical kit, first aid, doctor's bag, tar  medkitX.svgremoved, missed treatment, medical kit, first aid, doctor's bag, tar  mobilePhone.svgmobile phone, cell phone, telephone, mobile, cell, iPhone, call, text, phone  moon.svgnight, nighttime, late, evening  navOrg.svgnavigation, sites, find, organization chart, org admin, units  navUnit.svgnavigation, sites, find, organization chart, org admin, units  navUp.svgnavigate, up, go, find, site  navUpBlack.svgnavigate, up, go, find, site  navUpRight.svgnavigate, up, go, find, site  navUpRightBlack.svgnavigate, up, go, find, site  needle.svgshots, hypodermic needle, syringe, injection, vaccine  orgChart.svgorganization chart, staff, hr, people, doctors, nurses, cna, group, human resources  orgChart2.svgorganization chart, staff, hr, people, doctors, nurses, cna, group, human resources  ot.svgOT, occupational therapy  oxygen.svgoxygen, O2, respiration, respiratory, lungs  pencil.svgedit, change, sign, signature  phone.svgtelephone, phone, call, talk, landline  printer.svgprint, printer, paper  pt.svgPT, physical therapy  qrcode.svgquick response code, scanner, data  radiation.svgradiation therapy, x-ray, radiology  reorderFile.svgreorder, document, report, file, paper, move  reorderFiles.svgreorder, report, file, folder, move  reorderFolder.svgreorder folder, reports, information, chart, file, move  reorderFolders.svgreorder folder, reports, information, chart, file, move  report.svgreport, query, form, paperwork  reportMoney.svgline item, billing, report, financial, charges, pay, payment, paid  resident.svgresident, client, patient, student, user  resident2.svgresident, client, patient, student, user  rt.svgRT, respiratory therapy  rug.svgRUG score, resource utilization group  ruler.svgruler, measure, height, tall, short  rx.svgmed, medications, prescription, pills, drugs, pharmacy, MAR  rxCheck.svgcompleted med, given, medications, prescription, pills, drugs, pharmacy, MAR  rxExclamation.svgmed error, medications, prescription, pills, drugs, pharmacy, MAR  rxInfo.svgmed info, medications, prescription, pills, drugs, pharmacy, MAR  rxMinus.svgdeleted, removed, dc'd med, medications, prescription, pills, drugs, pharmacy, MAR  rxMoney.svgmed report, medications, prescription, pills, drugs, pharmacy, MAR, payment  rxPause.svgmed on hold, medications, prescription, pills, drugs, pharmacy, MAR  rxPlus.svgnew, add med, medications, prescription, pills, drugs, pharmacy, MAR  rxSync.svgreview med, medications, prescription, pills, drugs, pharmacy, MAR  rxX.svgremoved, missed med, medications, prescription, pills, drugs, pharmacy, MAR  scale.svgweight, scales, pounds, weigh, heavy, light, gain, loose, lost  share2.svgshare, communicate, exchange, social, link  share3.svgshare, communicate, exchange, social, link  siteMap.svgnavigation, sites, find, organization chart  slideshow.svgslideshow, view, play, order, video, watch  slideshow2.svgslideshow, view, play, order, video, watch  squareDown.svgdownload, copy, import  squareLeft.svgprevious, go back, move back, old  squareMinus.svgsubtract, close, delete  squarePlus.svgadd, open, new  squareRight.svgnext, go forward, move forward, new  squareShare.svgshare, communicate, exchange  squareUp.svgupload, move, export  squareUpRight.svgupload, move, export  st.svgST, speech therapy  sync.svgsynchronize, reorder, double check, redo  syncBlack.svgsynchronize, reorder, double check, redo  thermometer.svgthermometer, temp, temperature, illness, sick  toilet.svgtoilet, toileting, bathroom  trash.svgtrash, garbage, mess, sanitation, delete, remove  user.svguser, resident, patient, person, individual, client  userCheck.svgcompleted user, resident, patient, person, individual, client  userExclamation.svguser error, resident, patient, person, individual, client  userInfo.svguser info, resident, patient, person, individual, client  userMinus.svgdeleted, removed user, resident, patient, person, individual, client  userMoney.svguser report, resident, patient, person, individual, client, payment, pay, paid  userPause.svguser on hold, resident, patient, person, individual, client  userPlus.svgnew, add user, resident, patient, person, individual, client  userSync.svgreview user, resident, patient, person, individual, client  userX.svgremoved, missed user, resident, patient, person, individual, client  version.svgversion, revision, change, backup, time  walker.svgadl, activity, resident, transfer, mobility, exercise, walk, physical function, activities  walkerCheck.svgcompleted adl, activity, resident, exercise, physical function, activities  walkerExclamation.svgadl error, activity, resident, exercise, physical function, activities  walkerInfo.svgadl info, activity, resident, exercise, physical function, activities  walkerMinus.svgdeleted, removed adl, activity, resident, exercise, physical function, activities  walkerMoney.svgadl report, activity, resident, exercise, physical function, activities, payment, paid  walkerPause.svgadl on hold, activity, resident, exercise, physical function, activities  walkerPlus.svgnew, add adl, activity, resident, exercise, physical function, activities  walkerSync.svgreview adl, activity, resident, exercise, physical function, activities  walkerX.svgremoved, missed adl, activity, resident, exercise, physical function, activities  warning.svgwarning, alert, danger  warningBlack.svgwarning, alert, danger  washer.svglaundry, housekeeping, clothing  wheelchair.svgwheelchair, assistance, mobility, transfer  wrench.svgwork, settings, adjust, fix, tools, edit, create
|
